/* index_login */
#index_login_wrap {width: 100%; height: 100%; position: relative; overflow: auto;text-align: center; background-color: #f3f3f3;}
#index_login_wrap:before {width: 0; height: 100%; position: relative; display:inline-block; vertical-align: middle; content: ""; margin-left: -4px;overflow: hidden;}
.index_login {display: inline-block; vertical-align: middle; padding-top:40px;}
.index_img01 {width: 200px; vertical-align: top;}
.index_img02 {width: 50px; margin-right: 20px; vertical-align: top;}
.index_img03 {width: 130px; vertical-align: top;}
.index_login .input_box{display: inline-block; width: 300px; margin:20px; background-color: #fff; -webkit-box-shadow: -2px 2px 10px 0px rgba(55,55,55,0.2);-moz-box-shadow: -2px 2px 10px 0px rgba(55,55,55,0.2);box-shadow: -2px 2px 10px 0px rgba(55,55,55,0.2);}
.input_box_title {font-weight: bold; padding-top:40px; padding-bottom:20px; color:#4a4a4a;}
.input_box_title.join {padding:25px 0 15px;}
.input_div {width: 70%;margin: 10px auto 0 auto;}
.input_div input {width: 100%;  height:34px; margin:2px 0; background-color: #e5e5e5; text-indent: 5px; border:0;}

.input_div input::-webkit-input-placeholder {color:#7e7e7e;}
.input_div input::-moz-placeholder { color:#7e7e7e;}
.input_div input:-moz-placeholder { color:#7e7e7e;}
.input_div input::-ms-input-placeholder { color:#7e7e7e;}

.btn_login {width: 60%; margin:30px auto; border-radius: 3px; background-color:#feacac; font-size: 13px; padding:10px 0; font-weight: bold; -webkit-box-shadow: 1px 1px 1px 0px rgba(55,55,55,0.5);-moz-box-shadow: 1px 1px 1px 0px rgba(55,55,55,0.5);box-shadow: 1px 1px 1px 0px rgba(55,55,55,0.5); cursor: pointer;}
.other_btn {border-top:1px solid #e5e5e5; padding:15px 10px; font-size: 12px; text-align: right;}
.other_btn a {display: inline-block; padding:0 5px;}

/*check_box*/
div.check_box {width: 80%; margin:0 auto;  text-align: left; padding-top:15px;}
.check01 { position: absolute; width: 0; height: 0; visibility: hidden;}
label.label_check01 {padding: 3px 0px 3px 28px;display: inline-block; 
	background: url(../images/icon-uncheck.png); background-position: left center;
	background-size: contain; background-repeat: no-repeat; vertical-align: middle;
	font-size: 0.7rem;
 	text-align: left; vertical-align:middle; color: #999; white-space: nowrap; font-weight: bold;
}
.check01:checked + label {background-image: url(../images/icon-check.png);}


/* demo_radio_box_wrap */
div.radio_box { margin:0 10px; display: inline-block;  text-align: left; padding-top: 10px;}
.demo_radio { position: absolute; width: 0; height: 0; visibility: hidden;}
label.demo_label_radio {padding: 3px 0px 3px 25px;display: inline-block; 
	background: url(/resources/images/sample/demo_radio_off.png); background-position: left center;
	background-size: 19px 19px; background-repeat: no-repeat; vertical-align: middle;
	font-size: 0.7rem;
 	text-align: left; vertical-align:middle; color: #999; white-space: nowrap; font-weight: bold;
}
.demo_radio:checked + label {background-image: url(/resources/images/sample/demo_radio_on.png); background-size: 19px 19px;}